$(function () {
    $('#link_reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    $('#link_login').on('click', function () {
        $('.reg-box').hide()
        $('.login-box').show()
    })
    layui.form.verify({
        pwd: [/^\S{6,12}$/, '密码长度：6-12'],
        //密码和确认密码框是否一致
        repwd(rePwdValue) {
            const pwdStr = $('#form_reg [name=password]').val()
            if (rePwdValue !== pwdStr) {
                return '密码不一致'
            }
        }
    })

    //登录数据上传
    $('#form_login').on('submit', function (e) {
        e.preventDefault()
        let data = $(this).serialize()
        console.log(data);
        $.ajax({
            method: 'post',
            url: '/api/login',
            data,
            success(res) {
                if (res.status === 1) {
                    return layui.layer.alert('登陆失败')
                }
                //登录成功后，将token值保存在本地存储中
                localStorage.setItem('token' , res.token)
                // console.log(typeof res.token);
                //replace 跳转后不能退后也就是不保存浏览记录 assign()、href = 
                location.assign('/index.html')
            }
        })
    })

    //注册数据
    $('#form_reg').on('submit' , function(e){
        e.preventDefault()
        // let data = $(this).serialize() 得到的是字符串
        var data = layui.form.val("form_reg")
        $.ajax({
            method:'post',
            url:'/api/reguser',
            data,
            success(res){
                if(res.status === 1){
                    return layui.layer.alert('注册失败')
                }layui.layer.alert('注册成功')
                //成功后跳转至登录页面
                // $('#link_login').click()
                $('#link_login').trigger('click')
            }
        })
    })
})